<!DOCTYPE html>
<html>
<head>
	<title>设置角色权限管理</title>
	<include file='public/head'>
	<style>
		.layui-legend-size{font-size:14px !important;}
		.layui-nopadding{padding:0 !important;}
		.layui-overflow{overflow:auto;}
		.layui-nomargin{margin: 0 !important;}
		.layui-bottom{border-bottom:1px solid rgb(226, 226, 226);}
		.layui-input{height:30px !important; }
		.layui-form-search-item .layui-inline{margin-bottom: 5px;} 
		.layui-form-search-item label{margin-left: 15px;}
		.layui-table-page {padding: 7px 0px 0px;}
		.layui-field-padding{border-width: 1px;padding:0 0 5px 10px;}
	</style>		
</head>
<body>
<!-- layui-tab开始 -->
<div class="layui-tab " lay-filter="demo-tab">
    <a href="javascript:;" class="layui-btn layui-btn-xs add-btn" ><i class="layui-icon">&#xe654;</i>添加子账号</a>
    <table class="layui-table" lay-skin="line">
        <thead>
            <tr>
                <th>ID</th>
                <th>姓名</th>
                <th width="20%">操作</th>
            </tr> 
        </thead>
        <tbody>
            <volist name="user" id="vo">
            <tr>
                <td>{$vo['id']}</td>
                <td>{$vo['name']}</td>
                <td>
                    <i data-id="{$vo['id']}" class="layui-icon btn-edit" title="修改密码">&#xe642;</i> 
                    <i data-id="{$vo['id']}" class="layui-icon btn-move" title="更改分组">&#xe613;</i>
                    <i data-id="{$vo['id']}" class="layui-icon delete-btn" title="删除角色">&#xe640;</i> 
                </td>
            </tr>
            </volist>
        </tbody>
    </table>
</div>
<include file='public/scripts' />
<script type="text/javascript">

    //添加模板
    $('.add-btn').on('click',function(){
        let url = "{:cmf_plugin_url('store://admin_index/adduser')}?id="+{$id};
        layer.open({
            type: 2//基本层类型  0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
            ,title: '添加子账号'//层的标题
            ,shadeClose: true//是否点击遮罩关闭
            ,shade: 0.8//遮罩
            ,area: ['50%', '50%']//宽高
            ,btn:['提交','关闭']//弹框按钮
            ,fixed:false//固定
            ,content: url //iframe的url
            ,yes:function(index, layero){
            //子页面的请求操作都放子页面
                var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：
                iframeWin.tijiao();
            }
            ,btn2:function(index, layero){

            }

        });
    });

    //移动子账号分组
    $('.btn-move').on('click',function(){
        let id = $(this).data('id');
        let url = "{:cmf_plugin_url('Store://admin_index/moveUser')}?id="+id;
        layer.open({
            type: 2//基本层类型  0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
            ,title: '更改分组'//层的标题
            ,shadeClose: true//是否点击遮罩关闭
            ,shade: 0.8//遮罩
            ,area: ['100%', '80%']//宽高
            ,btn:['提交','关闭']//弹框按钮
            ,fixed:false//固定
            ,content: url //iframe的url
            ,yes:function(index, layero){
            //子页面的请求操作都放子页面
                var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：
                iframeWin.tijiao();
            }
            ,btn2:function(index, layero){

            }

        });
    });      

    //修改密码
    $('.btn-edit').on('click',function(){
        let id = $(this).data('id');
        let url = "{:cmf_plugin_url('Store://admin_index/editUser')}?id="+id;
        layer.open({
            type: 2//基本层类型  0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
            ,title: '修改密码'//层的标题
            ,shadeClose: true//是否点击遮罩关闭
            ,shade: 0.8//遮罩
            ,area: ['100%', '100%']//宽高
            ,btn:['提交','关闭']//弹框按钮
            ,fixed:false//固定
            ,content: url //iframe的url
            ,yes:function(index, layero){
            //子页面的请求操作都放子页面
                var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：
                iframeWin.tijiao();
            }
            ,btn2:function(index, layero){

            }

        });
    });    

    //删除
    $('.delete-btn').on('click',function(){
        let f = $(this).data('id');
        //询问
        layer.confirm('确定要删除吗？',{icon:3,title:'提示',btn:['删除','取消']}
        ,function(index,layero){
            $.ajax({
                url:"{:cmf_plugin_url('Store://admin_index/delUser')}",
                type:'post',
                data:{id:f},
                success:function(data){
                    if (data.code == 1) {
                        layer.msg(data.msg,{icon:1,time:1500},function(){
                            location.reload(); 
                        });
                    } else {
                        layer.msg(data.msg,{icon:2,time:1500});
                    }
                },
                error:function()
                {
                    layer.msg('系统错误',{icon:2,time:1500});
                }
            })   
        },function(index){});
    })

</script>
</body>
</html>